<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
{% block title %}
  Guitar jobs
{% endblock %}
  

</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap">
<div id="header">
{% block supertop %}  
<ul id="topmenu">
<li><a href="#">Home</a> </li>
<li><a href="tables.html">Tables</a> </li>
<li><a href="forms.html">Forms</a></li>
<li><a href="others.html">Others</a></li>
</ul>
{% endblock %}
<div class="clear"></div>
{% block headertext %}
  <h1 id="sitename"><a href="#">Monochrome</a> <span class="description">A Free CSS Template by RamblingSoul</span></h1>
{% endblock %}
</div>
<div id="content">
<div id="sidebar">
<div class="sidebartop">

</div>
<div id="sidebarcontent">
  
{% block sidebar %}
<h2>Categories</h2>
  <ul>
    <li>
      <a href="#">Lorem Ipsum</a>    </li>
    <li>
      <a href="#">Consectetuer</a>    </li>
    <li>
      <a href="#">Nunc Viverra</a>    </li>
    <li>
      <a href="#">Sed Porta Rhoncus</a>    </li>
    <li>
      <a href="#">Mauris Sapien</a>    </li>
  </ul>

<h2>Archives</h2>
  <ul>
    <li>
      <a href="#">Lorem Ipsum</a>    </li>
    <li>
      <a href="#">Consectetuer</a>    </li>
    <li>
      <a href="#">Nunc Viverra</a>    </li>
    <li>
      <a href="#">Sed Porta Rhoncus</a>    </li>
    <li>
      <a href="#">Mauris Sapien</a>    </li>
  </ul>  
  
{% endblock %}  

  </div>
</div>

<div id="left">
<div id="tab">
<div id="tabhead">
{% block topbar %}
  
{% endblock %}  
  <ul>
    <li class="activetab"><a href="#">Whats New</a></li>
    <li><a href="#">Whats Hot</a></li>
    <li><a href="#">Recent Posts</a></li>
    <li><a href="#">Most Popular</a></li>
	<li><a href="#">Latest Comments</a></li>
  </ul>
</div>

<div id="tabcontent">
{% block toptab %}

<img class="leftimg" src="images/guitar.jpg" alt="Guitar" />
<h3>Lorem Ipsum Dolor Sit Amet <span class="postinfo">Posted by Admin on 24 January 2008</span></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc viverra adipiscing dui. Sed porta rhoncus sem. Aliquam erat volutpat. Praesent suscipit, lectus vitae aliquam volutpat, quam neque tincidunt leo, a condimentum libero lectus sit amet enim. Quisque tristique. <a href="#">Read More</a></p>
{% endblock %}
</div>  
</div>
{% block posts %}
<div class="post">
<div class="posttop"></div>
<div class="postitem">
<h2><a href="#">Lorem Ipsum Dolor Sit Amet</a><span class="postinfo">Posted by Admin on 24 January 2008</span> </h2>
 <img class="leftimg" src="images/img.jpg" alt="Image" />   <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc viverra  adipiscing dui. Sed porta rhoncus sem. Aliquam erat volutpat. Praesent  suscipit, lectus vitae aliquam volutpat, quam neque tincidunt leo, a  condimentum libero lectus sit amet enim. Quisque tristique. Sed  facilisis, eros eget sagittis congue, sapien quam elementum sapien, ut  hendrerit ante lacus in felis. Curabitur ac eros. Mauris sapien.  </p>
  <blockquote class="rightquote">
  <p>Monochrome is a Free CSS Template released under <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons License</a> by Rambling Soul. You can download more templates from my <a href="http://www.opendesigns.org/profile/?user=ramblingsoul">profile</a> or from my <a href="http://ramblingsoul.com">website</a>.<cite>BlockQuote</cite> </p>
  </blockquote>
  <p>Vestibulum odio nisl, accumsan vitae, varius vitae, faucibus a, dui.  Vestibulum tortor. Suspendisse potenti. Phasellus est. Maecenas aliquet  nunc ac est. In porta posuere sem. Morbi sagittis ipsum ut nunc.  Suspendisse euismod. Ut quis nunc. Quisque massa. Morbi faucibus nisi  ut sem. Mauris venenatis, justo ac faucibus convallis, mi arcu  scelerisque lacus, non molestie velit lectus ut pede. Sed venenatis.  Nullam sed quam. Morbi quis eros. Pellentesque elit. Nam at est. Etiam  vitae ligula sed justo fringilla posuere. Maecenas lorem dolor,  vulputate ac, vehicula mollis, facilisis ut, odio. In vitae nisi nec  massa imperdiet mattis. <a href="#">Read More</a></p>
</div>
  <div class="postbottom"><a href="#">Category</a> | <a href="#">No Comments</a> | <a href="#">Share This</a> </div>
  </div>
{% endblock %}
  <div id="pagination">
  {% block pagination %}
 
 <span class="pre">&laquo;<a href="#">Previous Post</a></span>    <span class="next"><a href="#">Next Post</a>&raquo;</span>
 <div class="clear2"></div>
  {% endblock %}
 </div>
  </div>

<div class="clear"></div>

<div id="footer">
{% block footer %}
<p>Copyright &copy; yourwebsite.com | <a href="#">Some</a> | <a href="#">Links</a> | <a href="#">Here</a> </p>
<p id="credit"><a href="#">CSS Template</a> by RamblingSoul</p>  
{% endblock %}



</div>
</div>
</div>
</body>
</html>
